<template>
	<view class="container">
		<view class="top">
			<image src="../../../static/images/center/iconGou.png" mode=""></image>
		</view>
		<text class="success">支付成功</text>
		<view class="money">
			￥<text>{{money.toFixed(2)}}</text> 
		</view>
		<view class="finish" @tap="relunch">完成</view>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				money: 0
			}
		},
		onLoad(opt) {
			this.money = Number(opt.money);
		},
		methods: {
			relunch(){
				uni.redirectTo({
					url: `/pages/center/vip/vipRights`
				});
			}
		}
	}
</script>
<style lang="scss" scoped>
	.container{
		text-align: center;
	}
	.top{
		text-align: center;
		margin-top: 140rpx;
	}
	image{
		width: 150rpx;
		height: 150rpx;
		
	}
	.success{
		display: block;
		margin: 80rpx 0 40rpx;
		font-size:26rpx;
	}
	.money{
		font-size:30rpx;
		font-weight: bold;
		text{
			font-size:50rpx;
		}
	}
	.finish{
		font-weight: bold;
		font-size:32rpx;
		color: #fff;
		width: 80%;
		margin: 150rpx auto 0;
		height:80rpx;
		line-height: 80rpx;
		background:rgba(87,190,106,1);
		border-radius:40rpx;
	}
</style>
